<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--01元素内容操作：元素以及元素内容的部分
		 .html()           无参---功能：获取匹配元素中的第一个元素内容
		                   有参---功能：将匹配元素集合中所有元素替换为新元素
		 
		 .val()            无参---功能：表单内元素：input、select生效
		                               获取表单内元素中的第一个元素的内容
		                   有参---功能：表单内元素：input、select生效
		                               input元素直接显示 value
		                               select元素不是显示
		特点：针对（表单内form元素可以包裹）元素的内容		
							   
		 .text()            无参--功能：获取匹配元素集合中所有元素的文本内容
		                    有参--功能：【设置】匹配元素集合中所有的文本内容替换
		 -->
		 <script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<h1>html函数使用</h1>
		<span>勾子是大笨蛋</span>
		<span>哼哼</span>
		<button class="a2">按钮秘籍---改字</button>
		<h1>val函数使用</h1>
		<button class="a1">按钮秘籍---改字</button>
		<!-- placeholder 输入框显示，不是实际的文本 -->
		<input type="text" placeholder="勾子是大笨蛋" value="文本框真实的数据" />
		<input type="text" value="算了,勾子天天开心"/>
		<!-- 下拉列表 -->
		<button class="a3">秘籍---改列表</button>
		<select name="" id="">
			<option value="11">勾子是大笨蛋</option>
			<option value="2">option2</option>
			<option value="33">算了,勾子天天开心</option>
		</select>
		<h1>text()函数使用</h1>
		<button class="btn11">拿到内容</button>
		<button class="btn22">改变内容</button>
		<p>勾子是大笨蛋</p>
		<p>算了,勾子天天开心</p>
		<script>
			//js变量【var i=1】==jq变量      var 变量名=值、元素
			//无参数 html() 函数使用
			// var html=$("span").html();
			// alert("无参数获取第一个元素内容"+html);
			/* $("button").click(function(){
				$("span").html("算了，勾子天天开心");
			}); */
			// $(".a1").click(function(){
			// 	// 注意：js变量名不可以为关键字！   
			// 	var gouzi=$("input").val();
			// 	alert(gouzi);
			// });
			$(".a3").click(function(){
				//设置元素第一个的值  value=""1.直接设置下拉列表中value的值
				                           //2.var rem=$("select").val();
										   
				$("select").val("33");
				var r=$("select").val();
				alert(r);
				
				// 【object Object】JavaScript中 对象的默认字符串表示形态
				//select元素 对象 输出【object Object】
				
			});
			// text()
			$(".btn11").click(function(){
				var u=$("p").text();
				alert(u);
			});
			$(".btn22").click(function(){
				$("p").text("文本被修改了");
			});
		</script>
	</body>
</html>